﻿.NewsDetailsItem{}
.InnerNewsMediaHolder{width: 100%;height: 30px; margin:0 0 20px 0;line-height: 30px;}
.InnerNewsMedia{display: block; text-align:right;min-width: 140px;height: 30px; float: left;}
.InnerNewsMedia .share{ margin-left:15px;}
.InnerNewsMedia .print{}
.InnerNewsMedia .share .shareIcon{background: url('/Style Library/LINKDev/Img/meadia-sprite.png') no-repeat top left; background-position: -34px 0; width: 20px; height: 18px;margin-left:5px; vertical-align: text-bottom; display: inline-block;}
.InnerNewsMedia .print .printIcon{background: url('/Style Library/LINKDev/Img/meadia-sprite.png') no-repeat top left; background-position: 0 0; width: 24px; height: 22px;margin-left:5px; vertical-align: text-bottom; display: inline-block;} 
.InnerNewsMedia .share a{color: #a3a6aa;font-size: 16px; text-decoration:none}
.InnerNewsMedia .print a{color: #a3a6aa;font-size: 16px; text-decoration:none}


div#Newsimg img{width:390px;height:295px;float:left;margin:0 0 23px 35px}
div#Newsimg{position:relative}
.NewsDetailsItem .newsInnerDate{position: absolute;bottom: 23px; right: 0;color: #fff;}
.NewsDetailsItem .newsInnerDate .innerDateHolder{padding: 13px 17px 13px 2px;background: #015291; float: right;}
.NewsDetailsItem .newsInnerDate span.number {font-size: 32px;line-height: 32px;display:block}
.NewsDetailsItem .newsInnerDate span.text { font-size: 19px; display:block}
.NewsDetailsItem .newsInnerDate .triangle {width: 0;height: 0;border-style: solid;border-width: 85px 30px 0 0;border-color: transparent #015291 transparent transparent ;float: right}
.NewsDetailsItem .innerNewsTitle{font-size: 24px;color: #005392;}

.NewsDetailsItem .innerNewsTimingHolder{ height:25px; margin-bottom:30px;}
.NewsDetailsItem .innerNewsDateHolder, .NewsDetailsItem .innerNewsTimeHolder {display: inline-block;vertical-align: baseline}
.NewsDetailsItem .innerNewsDateHolder{margin-left: 24px}
.NewsDetailsItem .innerNewsDateHolder .Date, .NewsDetailsItem .innerNewsTimeHolder .Time{ display:inline-block;color:#4e4d4d;font-size:17px;opacity:0.70;}
.NewsDetailsItem .innerNewsDateHolder .DateIconHolder{display:inline-block;margin-left:5px;background:url('/Style%20Library/LINKDev/Img/mfaSprite.png');background-position:0 -105px;vertical-align: text-bottom; height:21px;width:18px}
.NewsDetailsItem .innerNewsTimeHolder .TimeIconHolder{display:inline-block;margin-left:5px;background:url('/Style%20Library/LINKDev/Img/mfaSprite.png');background-position:0 -75px;vertical-align: text-bottom; height:21px;width:20px}

.NewsDetailsItem .InnerNewsBody *{font-size: 16px;font-weight: normal;line-height: 25px;color: #4e4d4d;text-align: justify}


/*.NewsDetailsItem div[id*=NewsBody] table, .NewsDetailsItem div[id*=NewsBody] td, 
.NewsDetailsItem div[id*=NewsBody] tr, .NewsDetailsItem div[id*=NewsBody] tbody, .NewsDetailsItem div[id*=NewsBody] th {display: block}*/

/*Inner News Item Listing*/
.NewsItemList {height:200px; border: solid 1px #ccc;margin-bottom: 30px;position:relative; overflow:hidden}
.ListedImagesHolder{}
.DFimg {width: 28%; height:200px; position:relative;}
img.InnerNewsListingImg{width: 100%;height: 100%;margin: 0; position:relative}
.InnerNewItemListBody{width: 72%;padding: 20px 20px 20px 15px}
h2.InnerNewItemListBodyTitle{margin: 0 0 15px 0;line-height: 18px;}
h2.InnerNewItemListBodyTitle a, h2.InnerNewItemListBodyTitle a:active{color:#005392;font-size:16px;font-family:GESSM}
p.InnerNewItemListBodyText{color:#4a4a4a;font-size:14px; word-break:break-word}
.InnerNewsListingDate{position: absolute;bottom: 0;right: 0;color: #fff}

.InnerNewsListingDate .innerDateHolder {padding: 6px 10px 6px 2px; background: #015291; float: right; text-align:center}
.InnerNewsListingDate span.number {font-size: 24px;line-height: 26px;display: block}
.InnerNewsListingDate span.text {font-size: 16px;display: block}
.InnerNewsListingDate .triangle {width:0;height:0;border-style:solid;border-width: 62px 30px 0 0;border-color: transparent #015291 transparent transparent ;float: right;}

.InnerNewsListigTimingHolder{ height:100%;margin-bottom: 15px;}
.InnerNewsListigDateHolder{margin-left:17px;}
.InnerNewsListigTimingHolder.InnerNewsListigDateHolder, .InnerNewsListigTimingHolder .InnerNewsListigTimeHolder{display: inline-block;}
.InnerNewsListigDateHolder .DateIconHolder {
    display: inline-block;
    margin-left: 5px;
    background: url('/Style%20Library/LINKDev/Img/mfaSprite.png');
    background-position: 0 -109px;
    vertical-align: text-bottom;
    height: 20px;
    width: 18px;
}

.InnerNewsListigDateHolder .Date, .InnerNewsListigTimeHolder .Time {
    display: inline-block;
    color: #4e4d4d;
    font-size: 14px;
}

.grayCornerArrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 54px 54px 0;
    border-color: transparent transparent #d4dbe4 transparent;
    bottom: 0;
    left: 0;
}
.grayCornerArrow i {
    background: url("/Style Library/LINKDev/Img/mfaSprite.png") no-repeat -81px -38px;
    width: 16px;
    height: 20px;
    position: relative;
    right: -22px;
    bottom: -27px;
    display: block;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}




/*Related Tabs*/
.NewsDetailsItem .ui-tabs-nav {padding: 0;text-align: center; margin: 65px 0 80px 0}
.NewsDetailsItem #RelatedMediaTabs li {border: none;display: inline-block;list-style: none; margin: 0 10px}
.NewsDetailsItem #RelatedMediaTabs li a{color:#015291;border:2px solid #015291;padding:15px;width:293px;text-decoration:none;font-size:22px;display:block;transition: all 0.3s}
.NewsDetailsItem #RelatedMediaTabs li a:hover, .NewsDetailsItem #RelatedMediaTabs li a:active, 
.NewsDetailsItem #RelatedMediaTabs .ui-state-active a {color: #fff;background: #015291}



/*Related Images*/

#newsImages .owl-item img, #newsVideo .owl-item img {min-height: 190px; max-height: 190px; width: 100%; height:auto; padding:0 3px; display:block}
#newsImages .owl-item img + span, #newsVideo .owl-item img + span{display:none}
#newsImages .owl-prev, #newsVideo .owl-prev {
    position: absolute;
    left: -50px;
    top: 12.5%;
    background: url("/Style Library/LINKDev/Img/leftArrowBig.png") no-repeat!important;
    width: 31px;
    height: 122px;
}
#newsImages .owl-next, #newsVideo .owl-next {
    position: absolute;
    right: -50px;
    top: 12.5%;
    background: url("/Style Library/LINKDev/Img/rightArrowBig.png") no-repeat!important;
    width: 31px;
    height: 122px;}


/* News Videos*/
#newsVideo .ms-webpartzone-cell{height: inherit!important;float: right; margin:10px 0}
#newsVideo .ms-rtestate-field p, #newsVideo p.ms-rteElement-P{width:100%; min-height:50px; background:#eee; cursor:progress; float:right}
#newsVideo .ms-webpart-chrome-vertical{float: right;}
#newsVideo .videoItem{background:#eee; cursor:pointer;}
#newsVideo .modal-content .mediaPlayerContainer{padding:0px 2% 10px; box-sizing:border-box; height:500px!important}
/*#newsVideo .modal-header .close{width: 20px;min-width: 20px;margin-top: 2px; outline:none}*/
#newsVideo .modal-dialog{}
#newsVideo .videoItem span{background:#000; width:90%; padding:3px 5%; display:inline-block; color:#fff; font-size:0.9em}
/*#newsVideo .modal-content{border-radius: 0; box-shadow: none;}*/
/*#newsVideo .modal-header{ min-height:none; padding: 2px 2%; }*/
#videoIframe{width:100%; height:100%}
#newsVideo .modal-content {
    border-radius: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.80);
    border: none;
}
#newsVideo .modal-header {min-height: none; padding: 2px 2%; border-bottom: 1px solid #222;}
#newsVideo .modal-header .close {
    width: 20px;
    min-width: 20px;
    margin-top: 2px;
    outline: none;
    color: #ccc;
}
#newsVideo .modal-title { color: #ccc}
div.mediaPlayerInitialPlayButton {
    position: absolute;
    top: 45%;
    right: 45%;
}



@media (max-width: 991px) {
.NewsItemList{height:auto}
.DFimg{height:140px; margin:0 0 15px 15px}
.InnerNewItemListBody{float:none; width:100%}
.InnerNewsListingDate{zoom:0.6}
.InnerNewsListigDateHolder .Date, .InnerNewsListigTimeHolder .Time{font-size:14px}
.InnerNewsListigDateHolder .DateIconHolder{background-position:0 -108px}



}

@media (max-width: 480px) {
.DFimg{height:100px}
.InnerNewItemListBody{padding:10px}
h2.InnerNewItemListBodyTitle{line-height: 18px;font-size: 14px;}
h2.InnerNewItemListBodyTitle a, h2.InnerNewItemListBodyTitle a:active{font-size:14px}
#tahrirPalaceArticles .tahrirNewsImg{width:100%;height:150px;}
#tahrirPalaceArticles .tahrirNewsContent{width:100%;height:100%;padding:0px 15px;margin-top:20px}
#tahrirPalaceArticles .tahrirNewsImg + .tahrirNewsContent{width:100%;height:100%;padding:0px 15px;margin-top:20px}
#tahrirPalaceArticles .NewsItemList {height:auto;}
#tahrirPalaceArticles .RelatedMediaIndicator{position: absolute; bottom: 10px;}
#tahrirPalaceArticles .InnerNewItemListBodyText{margin-bottom:30px}
#tahrirPalaceArticles .InnerNewsListingDate { position: absolute;top: 90px;zoom:1}

}











